<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../assets/fiexible/flexible_css.debug.js"></script>
    <script src="../assets/fiexible/flexible.debug.js"></script>
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/buy.css">
    <title>Document</title>
</head>
<body>
    <header class="header">
        <h1 class="p1">北京</h1>
        <h1 class="p2">我要买车</h1>
        <h1 class="p3">买车记录</h1>
    </header>
    <div class="main">
        <div class="logo">
            <img src="../images/biglogo.png" alt="">
        </div>
        <div class="m_big">
            <div class="m-o">
                <p class="o_p"><span>17245868</span><a href="#">俩车已在网站售出成功</a></p>
            </div>
            <div class="m_i">
                <input type="number" placeholder="请输入您的手机号"><button>预约买车</button>
            </div>
            <div class="m_p">
                <p class="p1">免费咨询</p>
                <p class="p2">先估个价</p>
            </div>
            <div class="h">
                <h2>价格高</h2>
                <p>全国200个销售城市报价</p>
                <p>最高帮你多买25%</p>
                <span>一次报价7天有效，好价格经得起比较</span>
            </div>
            <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <p><span>济南</span>王先生成交于2小时前</p>
                            <div class="im">
                                <h2><img src="../images/jeep.png" alt=""></h2>
                                <p>北京 北京40 2014款 2.4 手动 穿越版</p>
                                <span>2014 | 0.5公里</span>
                            </div>
                            <div class="p">
                                <p><span>济南</span>报价多10%</p>
                                <p><span>济南</span>报价多10%</p>
                                <p><span>济南</span>报价多10%</p>
                                <p><span>济南</span>报价多10%</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                                <p><span>济南</span>王先生成交于2小时前</p>
                                <div class="im">
                                    <h2><img src="../images/jeep.png" alt=""></h2>
                                    <p>北京 北京40 2014款 2.4 手动 穿越版</p>
                                    <span>2014 | 0.5公里</span>
                                </div>
                                <div class="p">
                                    <p><span>济南</span>报价多10%</p>
                                    <p><span>济南</span>报价多10%</p>
                                    <p><span>济南</span>报价多10%</p>
                                    <p><span>济南</span>报价多10%</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                    <p><span>济南</span>王先生成交于2小时前</p>
                                    <div class="im">
                                        <h2><img src="../images/jeep.png" alt=""></h2>
                                        <p>北京 北京40 2014款 2.4 手动 穿越版</p>
                                        <span>2014 | 0.5公里</span>
                                    </div>
                                    <div class="p">
                                        <p><span>济南</span>报价多10%</p>
                                        <p><span>济南</span>报价多10%</p>
                                        <p><span>济南</span>报价多10%</p>
                                        <p><span>济南</span>报价多10%</p>
                                    </div>
                                </div>
                    </div>
                    <!-- Add Pagination 
                    <div class="swiper-pagination"></div>-->
                </div>
                    <h1 class="h1">查看更多交易记录</h1>
                
        </div>
        
    </div>
    <footer class="footer">
            <figure class="iconfont one on">
                    &#xe61d 
                <figcaption>首页</figcaption>
            </figure>
            <figure class="iconfont  two">
                    &#xe601
                <figcaption>买车</figcaption>
            </figure>
            <figure class="iconfont first three">
                    &#xe625
                <figcaption  class="first">卖车</figcaption>
            </figure>
            <figure class="iconfont four">
                    &#xe6e4
                <figcaption>宝典</figcaption>
            </figure>
            <figure class="iconfont find">
                    &#xe621
                <figcaption>我的</figcaption>
            </figure>
        </footer>
        <script src="../assets/jquery/jquery-3.2.1.js"></script>
        <script src="../assets/swiper/swiper.jquery.js"></script>
        <script src="../font/iconfont.js"></script>
        <script src="../assets/artTemplate/template-web.js"></script>
        <script src="../js/communal.js"></script>
        <script src="../js/buy.js"></script>
</body>
</html>